<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>充值</title>
<link rel="shortcut icon" href="/images/user/favicon.png" type="image/x-icon">
<link href="/css/user/users/member_center.css" rel="stylesheet" type="text/css" />
<link type="text/css" rel="stylesheet" href="/css/dialog.min.css" />
<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src = "/js/dialog.min.js"></script>
<script type="text/javascript" src = "/js/bstdialog.min.js"></script>
<script type="text/javascript" src="/js/user/ntabs.js"></script>
<script type="text/javascript" src="/js/member-center.js"></script>
<script type="text/javascript" src="/js/user/users/member_center/menu_line.js"></script>
<script src="/js/user/users/finance/my_account/recharge.js"></script>
<style>
	.panel ul{width: 400px;}.panel ul li{float: left;}
	.panel p input{border: 1px solid gray;}
</style>
</head>
<body>
	<div class="Wrapper">
		<!--财务管理头部-->
		<jsp:include page="../../../common/member/memberHeader.jsp"></jsp:include>
		<!--财务管理头部-->
		<!--财务管理中间部分-->
		<div class="uc_bd mt20 mb20 ">
			<div class="uc_layer">
				<div class="account">
					<!--财务管理左侧-->
					<jsp:include page="../../../common/finance/finance_left.jsp"></jsp:include>
					<!--财务管理左侧-->
					<!--基本资料右侧-->
					<div class="member_r fr">
						<div class="uitopb uitopb_border">
							<div class="lm-t tabs">财务管理>我的账户>充值</div>
							<div class="uc_content order">
								<!--充值信息开始-->
									<input name="userId" type="hidden" value="${userInfo.userId}">
									<p style="margin-left: 30px">现金账户余额：<font id="accountMoney"><fmt:formatNumber  value="${userInfo.accountMoney}" pattern="#0.00"/></font>元</p>
									<p style="margin-left: 30px">
										充值金额：<input type="text" name="rechargeNum" id="rechargeNum" style="border:1px solid gray;" size=8 value="">元
									</p>
									<p style="margin-left: 30px"><input type="checkbox" name="isVoucher" class="isVoucher">
									<input type="text" name="voucherNUm" id="voucherNum" placeholder="输入代金券编号" readonly="readonly" style="border: 1px solid gray; color:black;height:25px;width:130px;margin-left:10px">
                					<p style="margin-left: 50px">
                						<span id="showVoucherMoney" style="margin-left: 10px;" hidden="true">
                							<label>代金券金额为：<font id="voucherMoney">0.00</font>元</label>
                							<font color="red">请注意：一张代金券只能使用一次，恕不找零不兑现！</font>
                						</span>
                					</p>
									<p style="margin-left: 30px">选择支付方式：</p>
									<div style="margin-left: 30px">
										<div class="title_bar">
											<ul class="tabs" id="myTab" style="width: 740px">
												<li class="active" onclick="nTabs(this,0);"><a
													href="#tab1" style="margin: 0 0">线上支付</a></li>
												<li class="sta" onclick="nTabs(this,1);"><a
													href="#tab2" style="margin: 0 0">线下支付</a></li>
											</ul>
										</div>
										<!-- <style>
										.panel ul{width: 400px;}.panel ul li{float: left;}
										.panel p input{border: 1px solid gray;}
										</style> -->
										<div class="tab_container">
			                            	<div id="myTab_Content0" class="tab_content" style="display:block;padding: 29px 6px;">
			                            	    <span>
				                            	    <label>
				                            	      <input type="radio" name="payRadio" value="支付宝" id="alipayRadio" checked="checked" />
				                            	     <font style="font-size: 15px;"> 支付宝</font></label>
				                            	      <label>
				                            	       <input type="radio" name="payRadio" value="个人网银" id="chinapayRadio" />
				                            	     <font style="font-size: 15px;">个人网银</font></label>
				                            	     <label>
				                            	       <input type="radio" name="payRadio" value="企业支付" id="chinapayB2BRadio" />
				                            	     <font style="font-size: 15px;">企业支付</font></label>
				                            	     <label>
				                            	       <input type="radio" name="payRadio" value="银联B2C支付" id="chinapayB2CRadio" />
				                            	     <font style="font-size: 15px;">银联B2C支付</font></label>
			                            	     </span>
			                            	     <div class="mt20"  style="margin-left: -80px">
													<input type="button" name="button" id="doRecharge" value="去支付" class="basicbtn" />
												 </div>
			                                     <div class="clear"></div> 
			                           	  	</div>
			                           	  	
			                            	<div id="myTab_Content1" class="tab_content" style="display:none;padding: 29px 6px;">
			                            		<div class="panel">
					                            	<span style="margin-left: 40px">
					                            	    <label><font style="font-size: 14px;" ><strong>单位名称：</strong></font>
		                            	    				<font id="mineCompanyName">${BSTCOMPANYINFO.bstCompanyName}</font></label><br>
					                            	</span><br>
					                            	<span style="margin-left: 40px">    
					                            		<label><font style="font-size: 14px;" ><strong>开户行：</strong></font>
		                            	    				<font id="mineBankName">${BSTCOMPANYINFO.bstBankNname}</font></label><br>
					                            	</span><br>
					                            	<span style="margin-left: 40px">
					                            		<label><font style="font-size: 14px;" ><strong>账号：</strong></font>
		                            	    			<font id="mineAccountNum">${BSTCOMPANYINFO.bstAccount}</font></label><br>
				                            	    </span><br>
				                            	    <div class="mt20"  style="margin-left: -40px">
														<input type="button" name="button" id="next" value="下一步" class="basicbtn"/>
					                                    <div class="clear"></div> 
					                           	  	</div>
				                           	  	</div>
				                           	  	
				                           	  	<div class="panel" style="display:none;">
										        	<ul class="cle" style="margin-left: 40px;">
										        		<li style="width: 196px;">
										      				<label><font style="font-size: 14px;" ><strong>注册账号:</strong></font></label>
										      				<span>
										      					<c:if test="${loginWay=='email'}">${userInfo.userEmail}</c:if>
            													<c:if test="${loginWay=='tel'}">${userInfo.userTel}</c:if>
            												</span>
										        		</li>
										        		<li  style="margin-left: 40px;">
										      				<label><font style="font-size: 14px;" ><strong>充值金额:</strong></font></label>
										      				￥<span id="rechargeNumber">0</span><br>
										        		</li>
										        	</ul><br>
											        <p style="margin-left: 40px;">
											        	<label><font style="font-size: 14px;" ><strong>付款单位全称：</strong></font></label>
											        	<input type="text" class="company" style="height: 30px;font-size: 15px;width: 230px;" placeholder="需和银行开户名称保持一致"/>
											        	<span class="domain_error" style="color: red;font-size: 16px;"></span>
											        	<br>
											        </p><br>
											        <p style="margin-left: 40px;">
											        	<label><font style="font-size: 14px;" ><strong>联系人：</strong></font></label>
											        	<input type="text" class="linkMan" style="height: 30px;font-size: 15px;width: 230px;margin-left:42px" placeholder="请填写有效联系人"/>
											        	<span class="domain_error" style="color: red;font-size: 16px;"></span>
											        	<br>
											        </p><br>
											        <p style="margin-left: 40px;">
											        	<label><font style="font-size: 14px;" ><strong>联系电话：</strong></font></label>
											        	<input type="text" class="linkPhone" style="height: 30px;font-size: 15px;width: 230px;margin-left:28px" placeholder="请填写有效联系电话"/>
											        	<span class="domain_error" style="color: red;font-size: 16px;"></span>
											        	<br>
											        </p><br>
											        <p style="margin-left: 40px;">
											        	<label><font style="font-size: 14px;" ><strong>确认邮箱:</strong></font></label>
											        	<input type="text" class="email"  style="height: 30px;font-size: 15px;width: 230px;margin-left: 37px;" placeholder="该邮箱用于发送凭证"/>
											        	<span class="domain_error" style="color: red;font-size: 16px;"></span>
											        	<br>
											        </p><br>
										            <input type="button" name="button" id="submit" value="确认信息并发送" style="margin-left: 40px;margin-top: 20px;" class="basicbtn"/>
										            <input type="button" name="button" id="back" value="返回上一步" class="basicbtn"/>
										        </div>
				                           	 </div>
			              	      		</div>
									</div>
									
								<!--充值信息结束-->
							</div>
						</div>
					</div>
					<!--财务管理右侧-->
					<div class="cl"></div>
				</div>
			</div>
		</div>
		<!--财务管理中间部分-->
		<!---------------------------------footer------------------------------------>
		<jsp:include page="../../../common/footer.jsp" />
		<!---------------------------------footer结束------------------------------------>
	</div>
</body>
</html>
